<!DOCTYPE html>
<html lang="en">
<head>
    <title>功能演示</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <meta ng-include="'head.html'"> -->
    <style type="text/css">
        .view{ height: 100% }
        .H100{ height: 100% }
        thead>tr{ color:#fff }
        tr:nth-child(3n+0){ color:#00FFFF }
        tr{ color:orange; cursor:pointer }
        .table,td{ border-color: #354192!important; }
    </style>
    <script src="../lib/js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/build.js" type="text/javascript"></script>
    <script src="../js/public.js" type="text/javascript"></script>
    <script src="https://webapi.amap.com/js/marker.js"></script>
    <!--<script src="//webapi.amap.com/loca?key=17cc15a8dd6241aa1984495c67d70e6f"></script>`-->
    <script src="https://webapi.amap.com/maps?v=1.4.2&key=17cc15a8dd6241aa1984495c67d70e6f"></script>
</head>
<body class="flat-blue">
<div class="app-container H100" ng-app="myApp" ng-controller="myCtrl">
    <div class="row content-container H100">
        <div ng-include="'menus.html'" onload="loadReady()"></div>
        <div class="container-fluid H100">
            <div class="side-body padding-top H100" id="main" style="padding-top: 55px;">
                <!------------------Main---------------->

                <div class="row H100" style="background-color: #111542">
                    <div class="col-md-6 column H100">
                        <div class="view" style="min-height:720px" id="view1"></div>
                    </div>
                    <div class="col-md-6 column H100" style="padding: 0px">
                        <div style="height: 250px">

                        </div>
                        <!-- 右下整体 -->
                        <div style="position: absolute;top: 250px; width: 100%; bottom: 15px">
                            <!--左-->
                            <div class="col-md-6 column H100" style="padding: 5px">
                                <div class="view" style="height:100%; padding: 5px" id="view2">

                                </div>
                            </div>
                            <!--右-->
                            <div class="col-md-6 column H100" style="padding: 5px">
                                <div id="view3" style="overflow:hidden; position: absolute;left:10px;right:15px;
                                 top:5px; bottom:6px; background-color:#1B1F4C; padding: 20px 25px;  overflow:hidden">
                                    <div id="node" style="color:#26ECED; text-align:left; font-size:14px; font-weight:800;
                                        margin-bottom:20px;">干部人员详情</div>
                                    <table class="table" id="tb1">
                                        <thead>
                                        <tr>
                                            <th>姓名</th>
                                            <th>单位</th>
                                            <th>职务</th>
                                            <th>籍贯</th>
                                        </tr>
                                        </thead>
                                        <tbody id="tbody1">
                                        <tr>
                                            <td>王某某</td>
                                            <td>雨城区</td>
                                            <td>7527</td>
                                            <td>6021</td>
                                        </tr>
                                        <tr>
                                            <td>王某某</td>
                                            <td>雨城区</td>
                                            <td>7527</td>
                                            <td>6021</td>
                                        </tr>
                                        <tr>
                                            <td>王某某</td>
                                            <td>雨城区</td>
                                            <td>7527</td>
                                            <td>6021</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

                <!------------------End Main---------------------->
            </div>  <!--End side-body-->
        </div>  <!--End container-fluid-->
    </div>  <!--End content-container-->
    <div ng-include="'footer.html'"></div>
</div>  <!--End app-container-->
<script src="../lib/js/echarts.v3.min.js"></script>
<script src="../js/map/china.js"></script>
<script src="../js/map/yaan.js"></script>
<script src="../js/map/sichuan.js"></script>
<script src="../js/graph-officer.js"></script>

<script language="javascript">
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        loadCtlBase($scope);
    });

    var center = [103.041554, 30.010237];

    drawMapFlow("view1");

    drawBar("view2");


    setTable("雨城区");

//    var mp = echarts.getMap("四川").geoJson.features;
//    var names = mp.map(function(d){ return [d.properties.name, d.properties.cp]; });
//    cout(JSON.stringify(names));



//    drawMap();
//    function drawMap(){
//
//
//    }
//
//    drawMapCity("view1");
//
//    drawPie("viewMT", "雅安地区");
//    drawBar("viewMB");


</script>

</body>
</html>
